// 支持文件
@import '../../assets/scss/support';
.tools-container{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding:10rpx 24rpx 20rpx 24rpx;
  width:702rpx;
}

.btn{
  display: inline-block;
  width:138rpx;
  height:50rpx;
  text-align: center;
  line-height: 50rpx;
  font-size: 24rpx;
  border-radius: 10rpx;
  margin-left:20rpx;
}

.cancel{
  border:2rpx solid #999999;
  color:#333333;
}

.action{
  border:2rpx solid #ff3d3e;
  color:#ff3d3e;
}

.AfterSale{
  border:1px solid #ff3d3e;
  color:#ff3d3e;
}

/*底部actionk结束*/

.s-sku-action {
  @include border-top-radius(10px);
  background: #ffffff;
  color: #333333;
  min-height: 200px;
  text-align: left;
  .s-sku-header {
      @include flexbox(space-between,
      flex-start,
      row,
      nowrap);
      padding: 15px 12px;
      @include borderBottom;
      .thumb {
          width: 60px;
          height: 60px;
          margin-right: 10px;
      }
      .info {
          @include flexbox(flex-start,
          flex-start,
          column,
          nowrap);
          padding-right: 25px;
          font-size: $fontSizeSmall;
          font-weight: 600;
          .price {
              font-size: $fontSizeLarge;
              color: $colorOrange;
          }
      }
      .close {
          width: 22px;
          height: 22px;
          margin-right: -4px;
          margin-top: -4px;
          background: url('%ASSETS_IMG%/s-close_icon@2x.png') no-repeat;
          background-size: cover;
      }
  }
  .s-sku-container {
      padding: 15px 0px 5px 12px;
      @include borderBottom;
      .s-sku-row__title {
          padding-bottom: 10px;
          // font-size: $fontSizeLarge;
          // font-weight: 600;
          font-size: 30rpx;
          color:#333333;
      }
      .s-sku-row__content {
          padding-left: 8px;
          .s-sku-row__item {
              display: inline-block;
              margin: 0 25px 15px 0;
              height: 70rpx;
              min-width: 130rpx;
              line-height: 70rpx;
              font-size: 30rpx;
              color:#333333;
              text-align: center;
              background: #f6f6f6;
              border: 1px solid #f6f6f6;
              border-radius: 15px;
              box-sizing: border-box;
              &:nth-child(4) {
                  margin: 0 20px 15px 0;
              }
              &.active {
                  color: #ff5000;
                  border-color: #ff5000;
                  background: #FEF9F9;
              }
          }
      }
  }
  .s-sku-stepper-stock {
      @include flexbox(space-between,
      flex-start,
      row,
      nowrap);
      padding: 10px 20px;
      font-size: $fontSizeSmall;
      @include borderBottom();
  }
  .s-sku-btns {
      padding: 24rpx 24rpx;
      @include flexbox(space-between,
      flex-start,
      row,
      nowrap);
      .left {
          margin-right: 5px;
      }
      .right {
          margin-left: 5px;
      }
  }
}

.name{
  @include textoverflow(2);
  font-size: 30rpx;
  color:#333333;
}

.price{
  font-size: 36rpx;
  color:#ff5000;
}

.submitBtn{
  display: inline-block;
  width:702rpx;
  height:80rpx;
  background-color: #ff5000;
  text-align: center;
  line-height: 80rpx;
  color:#ffffff;
  font-size: 36rpx;
  font-weight: bold;
}

.cancelTip{
  font-size: 30rpx;
  color:#ff0000;
}

.evaluation{
  border:2rpx solid #ff5000;
  color:#ff5000;
}